#head{
    width: 100%;
    min-width: 1000px;
    height: 48px;
    background-color: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 5;
    position: absolute;
}
#h_l{
    width: 35%;
    height: 100%;
    background-color: white;
    float: left;
}
#h_l ul{
    width: 100%;
    height: 100%;
}
#h_l ul li {
    float: left;
    width: 25%;
    list-style: none;
    cursor: pointer;
}
#h_l ul li:hover{
    background-color: aliceblue;
}
#h_m{
    width: 30%;
    height: 100%;
    background-color: gainsboro;
    float: left;
}
#h_r{
    width: 35%;
    height: 100%;
    background-color: white;
    float: left;
}
#h_r > ul{
    width: 100%;
    height: 100%;
}
#h_r > ul > li {
    float: left;
    width: 25%;
    height: 100%;
    list-style: none;
    cursor: pointer;
}
#h_l > ul > li > div{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#h_r > ul > li > div{
    width: 100%;
    height: 100%;
    display: flex;
    /* 	align-items: center; */
    justify-content: center;
    line-height: 48px;
}
.tx_d{
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}
#userimg{
    width: 45px;
    height: 45px;
    border-radius: 100%;
    border: 1px solid black;
    position: absolute;
}
.userimg_big{
    transition: all 0.3s ease;
    transform: translateY(15px) scale(1.3);
}
.on{
    border-top: 6px orange solid;
}
.on div{
    margin-top: -6px;
}
#grxx_d{
    position: absolute;
    width: 250px;
    height: 500px;
}
#k{
    width: 100%;
    height: 8%;
}
#usernr_d{
    background-color: white;
    width: 100%;
    height: 92%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
#username_d{
    width: 100%;
    height: 20%;
    display: flex;
    justify-content: center;
}
#username{
    margin-top: 15%;
    display: block;
    font-size: large;
}
#grgn_d{
    width: 100%;
    height: 68%;
    border-top: 1px solid black ;
    border-bottom: 1px solid black ;
}
#grgn_d ul{
    width: 100%;
    height: 100%;
}
#grgn_d ul li {
    width: 100%;
    height: 20%;
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}
#grgn_d ul li div{
    margin-left: 10%;
}
#grgn_d ul li span{
    letter-spacing: 5px;
}
#exit_d{
    width: 100%;
    height: 12%;
    display: flex;
    align-items: center;
}
#exit_d div{
    margin-left: 10%;
}
#exit_d div span{
    letter-spacing: 5px;
}
.cp ul li:hover{
    background-color: aliceblue;
}
#exit_d:hover{
    background-color: aliceblue;
}
.noshow{
    display: none;
}